<!DOCTYPE html>
<html>

  <head>

    <title>这是网页的标题</title>

  </head>

  <body>
    <div style=" background-color: red;">
      <h1>这是文章的标题</h1>
      <p>这是<b>加粗</b>文章的内容</p>
      <p>这是<i>斜体</i>文章<u>第二段</u><br>的内容</p>
    </div>
    <span style=" background-color: red;">这是span标签</span><span style=" background-color: rgb(172, 32, 182);">这是span标签</span>
    <br>
    <img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p480747492.webp" width="200px" alt="这是图片">
    <br>
    <a href="https://www.baidu.com">这是百度的链接</a>

    <ol>
      <li>这是有序列表项1</li>
      <li>这是列表项2</li>
      <li>这是列表项3</li>
    </ol>
    <ul>
      <li>这是无序列表项1</li>
      <li>这是列表项2</li>
      <li>这是列表项3</li>
    </ul>
    <table border="1">

      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
      </tr>
      <tr>
        <td>张三</td>
        <td>18</td>
        <td>男</td>
      </tr>
      <tr>
        <td>李四</td>
        <td>19</td>
        <td>女</td>
      </tr>
    </table>




  </body>




</html>